<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日志系统</title>
    <script src="js/base.js"></script>
    <link rel="stylesheet" href="css/Logging.css">
</head>
<body>
    <!-- 日志系统 -->
    <div class="daily">
        <div class="header">
            <span><i></i>日志系统</span>
            <!-- 判断是否是老师或者学生或者管理员登录进行不同的显示 -->
            <p>
               <img src="images/加号.png" alt="" onclick="addopen()" style="cursor: pointer;">
               <img src="images/刷新.png" alt="" onclick="flushed()" style="cursor: pointer; display: none;">
            </p>
        </div>
        <div class="banner">
            <table border="0">
                
                <thead>
                    <tr>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>班级</th>
                        <th>时间</th>
                        <th>内容</th>
                       
                    </tr>
                </thead>
                <tbody id="pageListTableBody">
                </tbody>
            </table>
            <div id="pages">
                <span id="spanFirst">首页</span>
                <span id="spanPre">上一页</span>
                <span id="spanNext">下一页</span>
                <span id="spanLast">尾页</span>
                <!-- 创建盒子存放第几页和总共几页 -->
                第<strong id="spanPageNum"></strong>页/共<strong id="spanTotalPage"></strong>页
            </div>
        </div>
          <!-- 单击弹出添加日志弹窗 -->
          <div class="addopen">
            <div>
                <b>添加日志</b>
                <form>
                    <p>
                        <i>姓名: <input type="text" id="addnames"></i>
                        <i>班级: <input type="text" id="addclazz"></i>
                      </p>
                      <p>
                        内容: <textarea name="" id="addday" cols="30" rows="10"></textarea>
                      </p>
                </form>
                <span>
                    <button onclick="addday()">确认</button>
                    <button onclick="offadd()">取消</button>
                </span>
            </div>
        </div>
    </div>
    <script src="js/Logging.js"></script>
</body>
</html>